<template>
	<view class="container">
		<view class="item-box" v-for="(item,index) in list" :key="index">
			<view class="item-title">{{item.title}}</view>
			<view class="form-box">
				<view  v-for="(m,n) in item.child">
					<formItem :label="m.label" :key="n" v-model="form[m.model]" :disabled="disabled" titleType="dotted-title"></formItem>
				</view>				
			</view>
		</view>
		<view class="item-box" style="margin-top: -32rpx; padding-top: 0;">
			<view class="form-box">
				<formItem label="服务运营驳回时间" v-model="form.serviceOperation.serviceCheckDate" :disabled="disabled" titleType="dotted-title"></formItem>
				<formItem label="服务运营驳回原因" v-model="form.serviceOperation.serviceCheckRemark" :disabled="disabled" titleType="dotted-title"></formItem>
				<formItem label="CC客户不满意驳回时间" v-model="form.ccCustomers.ccCheckDate" :disabled="disabled" titleType="dotted-title"></formItem>
				<formItem label="CC客户不满意驳回原因" v-model="form.ccCustomers.ccCheckRemark" :disabled="disabled" titleType="dotted-title"></formItem>
			</view>			
		</view>
		<view class="item-box" >
			<view class="item-title">反馈信息</view>
			<view class="form-box">
				<formItem label="门店响应时间" v-model="form.dlrRespondDate" :disabled="disabled" titleType="dotted-title"/>
				<view>
					<view v-for="(item,index) in form.feedbackInformation" :key="index">
						<speedItem :msg="item" :index="index" :Arrlength="form.feedbackInformation.length"/>
					</view>
				</view>
				
			</view>
		</view>	
	</view>
</template>

<script>
	import speedItem from './speedItem.vue';
	import formItem from '@/components/lt-formItem/index.vue'
	export default {
		components:{
			formItem,
			speedItem
		},
		props:{
			form:{type:Object,default:()=>{}}
		},
		data(){
			return {
				disabled:true,
				testlist:[{},{},{},{}],
				list:[
					{
						title:'客户基本信息',
						child:[
							{
								label:'客户姓名',
								model:'customerName'
							},{
								label:'客户类型',
								model:'customerType'
							},{
								label:'客户性别',
								model:'customerGender'
							},{
								label:'联系电话',
								model:'contactNumber'
							},{
								label:'车牌号',
								model:'carLicense'
							},{
								label:'派单时间',
								model:'deliveryTime'
							},{
								label:'投诉内容',
								model:'complaintContent'
							},
						]
					},					
					{
						title:'审核信息',
						child:[
							{
								label:'门店申请结案时间',
								model:'replyCloseDate'
							},{
								label:'结案申请通过时间',
								model:'closeDate'
							}
						]
					}
				]
			}				
		}
	}
</script>

<style lang="scss" scoped>
	.item-box{
		width: 100%;
		height: 100%;
		margin-top: 24upx;
		background-color: #fff;
		.item-title{
			width: 100%;
			height: 80upx;
			font-size: 30upx;
			line-height: 80upx;
			padding-left: 32upx;
			border-bottom: 1px solid #D9D9D9;
			color: #303030;
		}
		.form-box{
			padding:0 12upx 48upx 12upx ;
		}
	}
	.btn-box{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 60upx;
		margin-top:30upx;
		button{
		}
	}
</style>
